﻿/***************** css reset **********/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family:Arial;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/***********************************/


.clr 
{
	height:0;
	font-size:1px;
	line-height:0px;
	clear:both;
}
h1, h2, h3, h4, h5, h6 {
	color:#87888d;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
    font-size:15px;
    padding:0 0 0 0;
    margin: 2px 0 0 0;
}
.SiteBG
{
    background-color:#D0D0D0;
    width: 100%;
    margin: 0 auto 0 auto;
}

.SC_FloatRight
{
    float:right;
}
.bld
{
    font-weight:bold;
}

.transparent_class {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=96)";

  /* IE 5-7 */
  filter: alpha(opacity=96);

  /* Netscape */
  -moz-opacity: 0.96;

  /* Safari 1.x */
  -khtml-opacity: 0.96;

  /* Good browsers */
  opacity: 0.96;
}

/*MainMenu*/
#mainmenu {
	float:left;
	margin: 0 0 0 0;
	padding:0;
}
#mainmenu li {
	float:left;
	display:inline;
	list-style:none;
	width:107px;
	padding:0;
	margin:0 4px 0 0;
}
#mainmenu li.last {
	margin:0;
}
#mainmenu li a {
	background:#57585b;
	background-position:50% 22%;
	background-repeat:no-repeat;
	border-top:10px solid #9313a2;
	border-bottom:1px solid #737476;
	color:#fff;
	font-size:100%;
	float:left;
	width:100%;
	height:96px;
	text-align:center;
	position:relative;
	overflow:hidden;
}
#mainmenu li.inventory a {
	background-image:url(/Images/MenuTumbs/topmenu_inv.png);
}
#mainmenu li.inventory a:hover,
#mainmenu li.active.inventory a {
	background-color:#9313a2;
	border-top-color:#9313a2;
	border-bottom-color:#9313a2;
}
#mainmenu li.inventory_dis a {
	background-image:url(/Images/MenuTumbs/topmenu_inv_dis.png);
	background-color:#d6d9e0;
	border-bottom-color:#d6d9e0;
	border-top-color:#d6d9e0;
	color:#c1bdbd;
}

#mainmenu li.data_view a {
	background-image:url(/Images/MenuTumbs/topmenu_dat.png);
	background-position:50% 20%;
	border-top-color:#46a1d8;
}
#mainmenu li.data_view a:hover,
#mainmenu li.active.data_view a {
	background-color:#46A1D8;
	border-top-color:#46A1D8;
	border-bottom-color:#46A1D8;
}
#mainmenu li.data_view_dis a {
	background-image:url(/Images/MenuTumbs/topmenu_dat_dis.png);
	background-position:50% 30%;
	background-color:#d6d9e0;
	border-bottom-color:#d6d9e0;
	border-top-color:#d6d9e0;
	color:#c1bdbd;
}

#mainmenu li.my_alerts a {
	background-image:url(/Images/MenuTumbs/topmenu_mya.png);
	background-position:50% 30%;
	border-top-color:#009c12;
}
#mainmenu li.my_alerts a:hover,
#mainmenu li.active.my_alerts a {
	background-color:#009C12;
	border-top-color:#009C12;
	border-bottom-color:#009C12;
}
#mainmenu li.my_alerts_dis
{
    background-image:url(/Images/MenuTumbs/topmenu_mya_dis.png);
    background-color:#d6d9e0;
	border-bottom-color:#d6d9e0;
	border-top-color:#d6d9e0;
	color:#c1bdbd;
}

#mainmenu li.data_transfer a {
	background-image:url(/Images/MenuTumbs/topmenu_datt.png);
	border-top-color:#b50038;
}
#mainmenu li.data_transfer a:hover,
#mainmenu li.active.data_transfer a {
	background-color:#b50038;
	border-top-color:#b50038;
	border-bottom-color:#b50038;
}
#mainmenu li.data_transfer_dis a {
	background-image:url(/Images/MenuTumbs/topmenu_datt_dis.png);
	background-color:#d6d9e0;
	border-bottom-color:#d6d9e0;
	border-top-color:#d6d9e0;
	color:#c1bdbd;
}

#mainmenu li.advanced_reports a {
	background-image:url(/Images/MenuTumbs/topmenu_adv.png);
	background-position:50% 10%;
	border-top-color:#df4d1c;
}
#mainmenu li.advanced_reports a:hover,
#mainmenu li.active.advanced_reports a {
	background-color:#df4d1c;
	border-top-color:#df4d1c;
	border-bottom-color:#df4d1c;
}
#mainmenu li.advanced_reports_dis a {
	background-image:url(/Images/MenuTumbs/topmenu_adv_dis.png);
	background-position:50% 10%;
	background-color:#d6d9e0;
	border-bottom-color:#d6d9e0;
	border-top-color:#d6d9e0;
	color:#c1bdbd;
}
#mainmenu li.my_suppliers a {
	background-image:url(/Images/MenuTumbs/topmenu_mys.png);
	background-position:50% 27%;
	border-top-color:#009c12;
}
#mainmenu li.my_suppliers a:hover,
#mainmenu li.active.my_suppliers a {
	background-color:#009c12;
	border-top-color:#009c12;
	border-top-color:#009c12;
}
#mainmenu li.my_suppliers_dis a {
	background-image:url(/Images/MenuTumbs/topmenu_mys_dis.png);
	background-position:50% 27%;
	background-color:#d6d9e0;
	border-bottom-color:#d6d9e0;
	border-top-color:#d6d9e0;
	color:#c1bdbd;
}
#mainmenu li.messages a {
	background-image:url(/Images/MenuTumbs/topmenu_mes.png);
	background-position:50% 40%;
}
/*
#mainmenu li a:hover, #topmenu li.active a {
	background-color:#00a8eb;
	border-top-color:#00a8eb;
	border-bottom-color:#00a8eb;
}

#mainmenu li.disabled a, #topmenu li.disabled a:hover {
	background-color:#d6d9e0;
	border-bottom-color:#d6d9e0;
	border-top-color:#d6d9e0;
	color:#c1bdbd;
}
*/
#mainmenu li a span {
	position:absolute;
	bottom:5%;
	left:0;
	width:100%;
}
/* eof MainMenu*/

.SC_FloatLeft
{
    float:left;
}
.SC_middle
{
    margin:0 auto 0 auto;
}

.CSCover_midPanel
{
    width: 100%;
}

.CSCover_Logo_style
{
    height:63px;
    margin-top:23px; 
    cursor:pointer;  
}

.SC_InsideClass
{
    margin:0 auto 0 auto;
    width:958px;
}

#SC_TopAreaDiv
{
    height:103px; 
    width:100%;  
    vertical-align:middle;    
    margin:0 auto 0 auto;
    background-color:#57585b
}

#SC_middiv
{
    background-color:#e4e4e4;
    padding: 10px 0 10px 0;
    width:100%;
    margin:0 0 0 0;
}



.SC_LanguageFlagsPosition
{
    margin-top:24px;
    margin-right:20px;
}

.SC_LanguageLink
{
    color:White;
    text-decoration:none;
    margin:0 5px 0 5px;
}

.SC_FlagsPicPosition
{
    padding-top:5px;    
}

.SC_FlagAreaFont
{
    font-family:Arial;
    font-size:12px;
    color:White;    
}

.SC_HomeLink
{
    background-color:#46A1D8;
    border-bottom: solid 1px #46A1D8;
}

.SC_TopMenuWhite
{
    background-color:#46A1D8;
    color:White;
    font-family:Arial;
    font-size:12px;
    padding:8px 10px 8px 10px;
    min-height:18px;
    margin-right:5px; 
    margin-left:5px;
    text-align:center;
    width:150px;
    position:relative;
    z-index:1000;
    display:block;
}

#topmenutitle span
{
    font-family:Arial;
    font-size:12px;
    color:#46A1D8;
}
    

.SC_NoDisplay
{
    display:none;    
}

.SC_TopMenuExtention
{       
    color:Black;
    background-color:White; 
    position:absolute;
    left:-5px;
    width:150px;
}
.SC_TopMenuItem,
.SC_TopMenuItem a:link,
.SC_TopMenuItem a:visited,
.SC_TopMenuItem span
{
    padding-top:5px;
    padding-bottom:5px;
    color:Black;
    text-decoration:none;
    text-align:left;
}

.SC_TopMenulabel
{
    color:#46A1D8;
}
.SC_TopMenulabel hover
{
    font-weight:bold;
}
.SC_TopMenuItem a:hover
{
   text-decoration:underline;
   font-weight:bold;
}

.SC_TopMenuImage
{
    background-image:url('../Images/Icons/MenuArrowRight.png');
    background-position:left;
    background-repeat:no-repeat;
    height:10px;
    width:12px;
}

.TopDivSearch
{
    margin-right:5px;     
    margin-top:24px;    
}

.SC_BluePadding
{
    padding:5px 5px 2px 5px;
    background-color:#46A1D8; 
    margin:0px 3px 0px 3px;    
}

#CS_UnderLogo
{
     height:10px;
     background-color:#46a1d8;
     width:100%;         
}
.SC_MenuButton
{
    margin-left:2px;
    margin-right:2px; 
    width:107px;
    height:107px; 
    text-align:center;
    cursor:pointer;
}

.SC_MainMenu
{
    margin-top:10px;
}

.SC_MenuButtonText
{
    margin-top:80px;
    color:White;
    font-family:Arial;
    font-size:12px;  
    font-weight:bold;      
}

.SC_Textbox
{
    width:150px;
    height:20px;
    background-color:#F3F4F3;
    font-family:Arial;
    font-size:14px; 
    color:#444444;
    border: solid 1px #C2C2C2;
    padding: 0 3px 0 3px;
}
    
.SC_MenuBG_AdvancedReports
{
     background-image:url('../Images/MenuTumbs/topmenu_adv.png');
}
.SC_MenuBG_AdvancedReportsDis
{
     background-image:url('../Images/MenuTumbs/MenuAdvancedReports.png');
}
.SC_MenuBG_DataTransfer
{
     background-image:url('../Images/MenuTumbs/MenuDataTransfer.png');
}
.SC_MenuBG_DataViews
{
     background-image:url('../Images/MenuTumbs/MenuDataViews.png');
}
.SC_MenuBG_Inventory
{
     background-image:url('../Images/MenuTumbs/topmenu_inv.png');
}
.SC_MenuBG_InventoryDis
{
     background-image:url('../Images/MenuTumbs/topmenu_inv_dis.png');
}
.SC_MenuBG_MyAlerts
{
     background-image:url('../Images/MenuTumbs/MenuMyAlerts.png');
}
.SC_MenuBG_Suppliers
{
     background-image:url('../Images/MenuTumbs/MenuSuppliers.png');
}

.SC_MenuDDL
{
    background-color:#46A1D8;
    color:White;  
    height:22px;
    border-width: 0px; 
    vertical-align: top;
    width:150px;
}

.SC_SupplierSearchBoxText
{
     font-family:Arial;
     font-size:12px;
     color:#CCCCCC;
     height:18px;
     padding-top:5px;
     width:150px;
}

.SC_MessagesDiv
{
    width:281px;
    height:107px;
    background-image:url('../Images/MenuTumbs/Messages_bg.png');  
}

.SC_MessagesTextDiv
{
    width:145px;
    height:101px;  
    padding:3px 10px 3px 10px;  
    cursor:pointer;
}

.SC_MessagesTitletDiv
{
    width:116px;
    height:107px;
    padding-top:83px;
    font-family:Arial;
    font-size:14px;
    color:White;    
}

.SC_ContentHolderDiv
{
    margin-top:10px;
    width: 100%;
    vertical-align:top;    
}

.SC_Graph
{
    border:solid 1px #C2C2C2;
}
.SC_GraphHeader
{
    height:22px;
    color:#57585b;
    font-family:Arial;
    font-size:14px;
    background-color:#D6D9E0;
    padding-left:30px;
    padding-right:30px; 
    padding-top:2px;
}

.SC_GraphInside
{
    background-color:White;
    padding:2px 2px 2px 2px;
    width:404px;    
}

.SC_CurrentActivityGraph
{
    width:408px;
    margin:10px 0px 0px 10px;
}

.SC_AlertsArea
{
    width:525px;   
    margin:10px 0px 0px 0px; 
}


.SC_AlertsGraphInside
{    
    padding:2px 2px 2px 2px;
    width:519px;
    background-color:White;
    height:340px;    
}
.SC_BottomGraph {
   margin: 5px 0 0 0; 
}
.SC_BottomGraphInside {    
    padding:5px 5px 5px 5px;  
    border:solid 1px #C2C2C2; 
    width: 935px;
    background-color:White;
    height:155px;    
}

.SC_OnTimeGraphInside
{
    background-image:url('../Images/Icons/GreyCircle.png');
    background-repeat:no-repeat;
    position:relative;
    padding:20px 0 20px 0;
    top:-69px;
    left:0px;
    height:14px;
    width:52px;
    text-align:center;
    color:White;
    font-family:Arial;
    font-size:12px;
    z-index:1000000;
}

.SC_AlertsRepeaterArea {
    border-left: solid 1px #C2C2C2;
    width:100px;
    padding:5px 5px 5px 5px;
    font-family:Arial;
    font-size:12px;
}

.SC_RedTitle
{
    color:#D1644C;    
}

.SC_AlertsGraphArea
{
    width:389px;
    padding:5px 5px 5px 5px; 
}

.SC_AlertsGraphDaysPart
{
    width:120px;
    margin:10px 4px 10px 4px;
    height:230px;
}

.SC_AlertsListArea
{
    width:329px;
    padding:5px 25px 5px 25px; 
    height:50px;
}

.SC_AlertsAreaDaysNumDiv
{
    border-top: solid 2px #C2C2C2;     
    padding:5px 5px 5px 5px;
    width:90px;
    font-family:Arial;
    font-size:16px; 
    color:#87888B;
    text-align:justify;
}

.SC_AlertsAreaTotalsDiv
{
    border-top: solid 1px #C2C2C2;
    border-bottom: solid 1px #C2C2C2;
    padding:5px 5px 5px 5px;
    width:90px;
    font-family:Arial;
    font-size:38px; 
    color:#87888B;
    text-align:justify;
}

.SC_RedCriticalLabel
{
    color:Red;
    font-size:12px;        
}

.SC_AlertNamePadding
{
     padding:3px 10px 3px 10px;    
}

.SC_bottom_r {
	width:110px;
}
.SC_bottom_r div {
	background:url(../Images/DefaultImages/upload_percent_bg.png) 50% 0 no-repeat;
	padding-top:15px;
    float:left;
	clear:both;
	width:97px;
	margin-bottom:6px;
}

.SC_bottom_r div span {
	background:#c2ca4d;
	float:left;
	color:#f4f7ff;
	font-size:300%;
	text-align:center;
	width:100%;
}

.SC_bottom_r div span em {
	font-size:60%;
	font-style:normal;
}
.SC_bottom_r a {
	background:url(../Images/DefaultImages/delay_order_bg.png) repeat-x;
	float:left;
	clear:both;
	width:91px;
	color:#fff;
	text-decoration:none;
	line-height:24px;
	text-align:center;
	font-size:90%;
	padding:0 3px 0 3px;
}


.SC_onTimeDeliveryRepeaterItem
{
    padding:5px 10px 5px 10px;
}

.SC_OnTimeGraphOrgName
{
    position:relative;
    top:-45px;
    color:#57585b;
    font-size:11px;
}
#ontimedelivery 
{
    padding:5px 75px 5px 75px;
    margin:0 auto 0 auto;
}

#ontimedeliverychartdiv
{
    position:relative;
    top:0;
    left:0;
    z-index:1000;
}
.bottom_l {
	width:270px;
	text-align:left;
	
}
.bottom_l h3 {
	float:left;
	margin:0 0 17px 40px;
}
.bottom_l div {
	float:left;
	clear:both;
	font-size:80%;
	line-height:19px;
	margin-bottom:13px;
}
.bottom_l div span {
	background:#828a32 url(../Images/DefaultImages/sup_bg.png) 100% 50% no-repeat;
	float:left;
	clear:both;
	height:19px;
	width:85px;
	color:#fff;
	padding-left:3px;
}
.bottom_l div.red span {
	background:#f15b3b url(../Images/DefaultImages/sup_bg_red.png) 100% 50% no-repeat;
}
.bottom_l div strong {
	float:left;
	margin:-10px 0 0 -15px;
	width:185px;
	font-weight:normal;
}
.bottom_l div strong em {
	background:#c2ca4d;
	float:left;
	height:19px;
	color:#3e3e3e;
	text-align:right;
	padding-right:5px;
	font-style:normal;
}
.bottom_l div.red strong em {
	background:#c84428;
	color:#fff;
}
.bottom_l h3 a,
.bottom_l h3 a:link,
.bottom_l h3 a:visited,
.SC_middle h3 a,
.SC_middle h3 a:link,
.SC_middle h3 a:visited
{
     font-family:Arial;
     font-size:16px;
     color:#57585b;
     text-decoration:none;    
}

.bottom_l h3 a:hover,
.SC_middle h3 a:hover
{
    text-decoration:underline;    
}

#footer {
	clear:both;
    margin:0 auto 20px auto;
    padding:10px 0 10px 0;
}
#footer .center div {
	float:left;
	margin-right:108px;
	margin-left:10px;
	margin-bottom:20px;
	text-align:left;
}
#footer .center div.last {
	margin-right:0;
}
#footer h3 {
	color:#57585b;
	margin-bottom:4px;
}
#footer ul {
	float:left;
	margin:0;
	padding:0;
}
#footer ul li {
	/*background:url(../images/footer_menu_li.png) 0 8px no-repeat;*/
	list-style:none;
	padding-left:0;
	color:#9c9c9c;
}
#footer ul a {
	color:#9c9c9c;
	text-decoration:none;
}   

#footer ul a:hover
{
    text-decoration:underline;
}

/******* Data transfer ********/
#data_transfer_container
{
    background-color:White;
    border:solid 1px #46A1D8;
    margin-top:10px;
    padding-bottom:30px;
    width:946px;      
    font-family:Arial;
    font-size:12px;
    color:#87888A;
}

#data_transfer_toprow_ChooseTemplate
{
    width:946px;
    height:40px;
    border-bottom:solid 2px #99DCF7;  
    border-top:solid 1px #99DCF7;
    
}
#data_transfer_inside
{
    padding:70px 70px 40px 70px;    
}
#data_transfer_download_image
{
    height:120px;
    width:120px;
    background-position:50% 50%;
    background-color:#46A1D8;
    background-image:url(../Images/MenuTumbs/topmenu_dat.png);
    background-repeat:no-repeat;
}
#data_transfer_choose_template
{
    margin:0 20px 0 20px;
       
}
#data_transfer_topRow_file_upload,
#data_transfer_topRow_file_upload2
{
    width:946px;
    height:40px;
    border-bottom:solid 2px #99DCF7;  
    border-top:solid 1px #99DCF7;
}
#data_transfer_review_template
{
    padding:70px 70px 0 70px; 
}
#data_transfer_browse_image
{
    height:120px;
    width:120px;
    background-position:50% 50%;
    background-color:#46A1D8;
    background-image:url(../Images/Icons/Mirror.png);
    background-repeat:no-repeat;
}
#data_transfer_browse_checkFile
{
    margin:0 20px 0 20px;    
}
#data_transfer_review_grid
{
    width:420px;
    margin:10px 10px 10px 70px;
       
}
#data_transfer_new_template
{
    margin:10px 10px 10px 10px;    
}
#data_transfer_finish
{
    padding:70px 70px 0 70px;
}

#data_transfer_finish_image
{
    height:120px;
    width:120px;
    background-position:50% 50%;
    background-color:#46A1D8;
    background-image:url(../Images/MenuTumbs/upload_finish.png);
    background-repeat:no-repeat;
}
#data_transfer_finish_inside
{
    margin:0 10px 0 10px;
}



.SC_BigText
{
    font-family:Arial;
    font-size:20px;
    color: #87888A;
}
.SC_SmallText
{
    font-family:Arial;
    font-size:12px;
    color: #87888A;
    line-height:120%;
}
.SC_data_transfer_toprowitem
{
     text-align:center;
     padding:12px 40px 12px 40px;
     font-family:Arial;
     font-size:16px; 
     color: #87888A;
}
.SC_inline
{
    display:inline;
}
/*************** alert *******************/
#content
{
    width:928px;
    padding: 0 10px 0 10px;
}

#createalert_outer
{
    background-color:White;
    border: solid 1px #00a8eb;
    font-size:13px;
    font-family: Arial;
    color:#87888A; 
    width:878px;
    padding:35px 35px 10px 35px;
    margin-left:10px;
}
#createalert_outer input
{
    margin: 2px 3px 2px 3px;  
}
#createalert_outer label
{
    margin: 2px 3px 2px 3px; 
}
#alertsdecoration
{
    background-color:#00a8eb;
    background-image:url(../Images/MenuTumbs/topmenu_mya.png);    
    background-position: 50% 50%;
    background-repeat:no-repeat;
    height:135px;
    width:135px;
}
#createalert_Top_title
{
    width:100%;
}

#createalert_outer h1
{
    font-family:Arial;
    font-size:22px;
    color: #454643;
    vertical-align:bottom;
}
#createalert_outer h2
{
    font-family:Arial;
    font-size:14px;
    color: #00a8eb;
    display:inline;
}
#createalert_outer h3,
#createalert_outer h3 a.link,
#createalert_outer h3 a.visited,
#createalert_outer h3 a
{
    font-family:Arial;
    font-size:13px;
    color: #87888A;
    display:inline;
}
#create_alert_title_middiv
{
    margin: 30px 0 30px 0;
}
#create_alert_title
{
    margin: 0 10px 0 10px;
} 
#createalert_outer ul
{
    margin: 0;
    padding: 0;
}
#createalert_outer li
{
    display:inline-block;
    list-style:none;
}
#markrowarea
{
    margin: 0 20px 0 20px;
}
#createalert_CustomersContractors
{
    padding-top:10px;
    width:75%;
}
#createalert_CustomersContractors input
{
    margin: 0px 7px 0 7px;
}
#customers_table, #contractors_table
{
    width:100%;
}
#createalert_customers
{
    width:48%;
}

#createalert_contractors
{
    width:40%;
    padding:0 4% 0 4%;
}    

#NotificationDefDiv
{
    border:solid 1px #00a8eb;
    padding:10px 10px 10px 10px;
    width:848px;
}
.SC_Button
{
    background-image:url('../Images/btn_bg.png');
    background-repeat:repeat-x;
    height:28px;
    padding:7px 20px 7px 20px;
    font-family:Arial;
    font-size:14px;
    color:White;
    border:solid 1px #00a8eb;
    position:relative;
    bottom:0;
    left: 0;
}
   
.SC_Button:hover
{    
    background-image:url('../Images/btn_bg_h.png');
}

.SC_BottonGrey
{
    background-image:url('../Images/btn_bg_g.png');
    background-repeat:repeat-x;
    height:28px;
    padding:7px 20px 7px 20px;
    font-family:Arial;
    font-size:14px;
    color:White;
    border:solid 1px #87888A;
    position:relative;
    bottom:0;
    left: 0;
}

.SC_BottonGrey:hover
{
    background-image:url('../Images/btn_bg_g_h.png');
}

.btn_img
{
    position:relative;
    padding:0px; margin:0px;
    top:10%;
    z-index:10000;
}
.SC_ddl
{
     height:24px; 
     color:#87888B;
     font-size:12px;
     font-family:Arial; 
     background-color:#F2F2F3;    
}

/************* grid ************/
.SC_grid_header th
{
    background-color:#CCCCCC;
    padding:5px 5px 5px 5px;
    color:#454643;
    font-family:Arial;
    font-size:12px;
    height:24px;
    vertical-align:middle;
    border:solid 1px #87888B;
}

.SC_grid_cell td
{
    background-color:White;
    padding:5px 5px 5px 5px;
    color:#454643;
    font-family:Arial;
    font-size:12px;
    height:24px;
    vertical-align:middle;
    border:solid 1px #87888B;
}

.SC_grid_cell td a:link,
.SC_grid_cell td a:visited
{
    color:#454643;
    text-decoration:none;
}
.SC_grid_cell td a:hover
{
    text-decoration:underline;
}

/******* pager **********/
.pagination
{
    font-size: 11PX;
    font-weight: bold;
    color:White;
    background-color:#F2F2F3;
    padding-left:40px;
}

.pagination table
{
    margin: 0 20px 0 20px;
}

.pagination a
{
    text-decoration: none;
    
}

.pagination td
{
    vertical-align:middle;
    padding: 3px 5px 3px 5px;
}


.pagination a, .pagination span, .pagination image
{
    display: block;
    float: left;
    padding: 0.3em 0.5em;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5PX;
    
}
.pagination a
{
    background-color: #87888B;
    padding:4px 4px 4px 4px;
    color:White;   
}




.pagination td span
{
    color: White;
    background-color: #00a8eb;
    padding:4px 4px 4px 4px;
}

/***************************Reports page*************************/
.SC_ReportTd
{
    padding:7px 5px 7px 5px;
    height:150px;
}
.SC_ReportInner
{
    background-color:#C8CACA;
    border: solid 1px #46A1D8;
    height:100%;
    padding:10px 10px 10px 10px;    
}

#reportstable
{
    width:100%;
    margin-left:5px;
}

.SC_ReporttdInnerTumb
{
    width:150px;
    height:130px;
    background-position:center 15%;
    background-repeat:no-repeat;
    vertical-align:80%;
}
.SC_ReportsTextBelowTumb
{
    padding-top:80px;
    color:#48494C;
    font-family:Arial;
    font-size:16px;
    font-weight:bold;
    text-align:center;
}
#office_tumb { background-image:url('../Images/ReportTumbs/OfficeTumb.png');}
#inventory_tumb { background-image:url('../Images/ReportTumbs/InventoryTumb.png');}
#inventory2_tumb { background-image:url('../Images/ReportTumbs/Inventory2Tumb.png');}
#orders_tumb { background-image:url('../Images/ReportTumbs/Orders.png');}
#qc_tumb { background-image:url('../Images/ReportTumbs/QCTumb.png');}


.SC_ReportUl
{
    margin: 0 10px 0 10px;
    padding-left: 0;
    list-style: none;    
}

.SC_ReportUl li 
{
     padding-left: 10px;
     margin-bottom:5px;
     background-image: url('../Images/Icons/li_grey.png');
     background-repeat: no-repeat;
     background-position: 0 3px;     
}
   
.SC_ReportUl a:link,
.SC_ReportUl a:visited,
.SC_ReportUl a
{
    color:#48494C;
    font-family:Arial;
    font-size:14px;
    text-decoration:none;
}
.SC_ReportUl a:hover
{
    text-decoration:underline;
}
    
    


